revision:
The property returns the parent element of the specified element.
The difference between parentElement and parentNode, is that parentElement returns "null" if the parent node is not an element node.
In most cases, it does not matter which property you use, however, parentNode is probably the most popular.
This property is read-only.
Syntax:
node.parentElement : returns an element object, representing the parent element node of a node, or null if the node has no parent.
property value:
none :
example
Click the button to get the node name of the parent element of the li element in the list.
<div>
<ul>
<li id="LI_1">Coffee</li>
<li>Tea</li>
</ul>
<p>Click the button to get the node name of the parent element of the li element in the list.</p>
<button onclick="firstFunction()">Try it</button>
<p id="prop"></p>
</div>
<script>
function firstFunction() {
var x = document.getElementById("LI_1").parentElement.nodeName;
document.getElementById("prop").innerHTML = "nodeName of parent is : " + x;
}
</script>
To close this container, click on the X symbol to the right.
<div id="DIV">
<span onclick="this.parentElement.style.display = 'none';" class="closebtn">×</span>
<p>To close this container, click on the X symbol to the right.</p>
</div>
<style>
#DIV{ box-sizing: border-box; padding: 16px; width: 100%; background-color: red; color: #fff;}
.closebtn { float: right; font-size: 30px; font-weight: bold; cursor: pointer; }
.closebtn:hover {color: #000;}
</style>